// Neat Grid
$neat-grid--page: (
  columns: 12,
  gutter: 44px,
);
$neat-grid--mobile: (
  columns: 4,
  gutter: 20px,
  media: "(max-width: 480px)"
);

// Breakpoints
$medium-screen: 600px;
$large-screen: 900px;

// Typography
$base-font-family: $font-stack-system;
$heading-font-family: $base-font-family;

// Font sizes
$heading1-font-size: 3em;
$heading2-font-size: 1.8em;
$article-font-size: 1.125em;
$small-font-size: 0.95em;
$recommended-reading-font-size: 1.4em;

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;

// Other Sizes
$base-border-radius: 6px;
$base-spacing: $base-line-height * 1em;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;
$teaser-image-width: 100%;
$teaser-image-height: 228px;
$main-image-width: 100%;
$main-image-height: 348px;
$content-image-width: 100%;
$content-image-height: 264px;
$author-image-width: 108px;
$author-image-height: 108px;

// Colors
$blue: #1565c0;
$dark-gray: #333;
$medium-gray: #999;
$light-gray: #551501;
$red: #E3857D;
$row-background: #F2EEDA;
    
// Font Colors
$base-font-color: #594C4F;
$action-color: $red;

// Border
$base-border-color: $light-gray;
$base-border: 1px solid $base-border-color;

// Background Colors
$base-background-color: #fff;
$secondary-background-color: tint($base-border-color, 75%);

// Focus
$focus-outline-color: transparentize($action-color, 0.4);
$focus-outline-width: 3px;
$focus-outline: $focus-outline-width solid $focus-outline-color;
$focus-outline-offset: 2px;

// Animations
$base-duration: 150ms;
$base-timing: ease;
